<template>
    <div class="div_main_frame" style="text-align:center;margin:0 auto;margin-top:0px;padding-top:0px;" align="center">
        
    <div class="fastweb_div_middle" style="width:1500px;min-height:200px;text-align:center;margin-top:0px;padding-top:0px;">

        <div class="div_page_top_middle" style="width:auto;height:auto;margin:0 auto;padding:0;text-align:center">     
            
            <div class="div_main_frame" style="width:900px;height:auto;text-align:center;margin-left:300px">
              <div class="dingzhi_tile" style="text-align:center;">
              <strong>功能介绍</strong>
              </div>
              <div class="about_text">
                  <p style="line-height:40px;">&nbsp;&nbsp;点击<a href="https://www.bilibili.com/video/BV1q3411g7b5">B站链接</a>，视频长度为3分47秒。</p>
              </div>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;1. 添加一个<a href="suggest.html">自定义实体集</a>。</p>
                </el-col>
                </el-row>
                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/step_01.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;2. 添加定制任务，注意实体集名称可以用系统自带的，也可以用第一步中自定义的名称，自动推荐的结果中不包含自定义的名称。用户标识用于给不同的用户展示不同的定制结果。</p>
                </el-col>
                </el-row>
                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/step_02.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;3. 任务结果查看，说明：后台任务需要排队处理，所以并不会马上有数据展示，预计需要4小时左右。</p>
                </el-col>
                </el-row>
                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/step_03.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

            <div class="dingzhi_tile" style="text-align:center;">
            <strong>系统介绍</strong>
            </div>
            <div class="about_text">
                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;1. 实体集：在后台对应一系列的实体，如【亚洲国家及地区】是对应【中国,蒙古,朝鲜,韩国,日本,菲律宾,越南,老挝,柬埔寨...】。</p>
                </el-col>
                </el-row>
                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/jieshao_01.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;2. 当定制实体集【亚洲国家及地区】 + 关键词【GDP】之后，后台会自动搜索“中国 GDP”、“蒙古 GDP”、“朝鲜 GDP”...，本服务最主要的功能，是帮助用户省去了逐个输入搜索的时间，方便批量获取大量同类信息。目前，后台是使用百度新闻搜索，获取新闻源数据。</p>
                </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;3. 为了提高匹配度，后台会加强校验，新闻标题必须包含搜索关键词(百度新闻搜索标题和正文任意匹配即可，而正文出现关键词的新闻，关联度会弱很多)。当然，只对标题校验，会导致很多数据被拦截，为解决这一问题，【定制关键词】可以是多个，用英文逗号分割即可。</p>
                </el-col>
                </el-row>
                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/jieshao_03.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;4. 定制服务主要是关注新闻资讯，会根据来源网站和其它一些规则，过滤一些个人观点类的新闻内容。</p>
                </el-col>
                </el-row>

            </div>

            <!--div class="dingzhi_tile" style="text-align:center;">
            <strong>定制流程</strong>
            </div>
            <div class="about_text">

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;1. 填写定制信息，注意[实体集名称]最多推荐10条，顶部可搜索所有结果；定制关键词可不填写，但填写可使得信息更精确。</p>
                </el-col>
                </el-row>

                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/dingzhi_01.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;2. 资讯生成成功后，会通过邮件的方式进行通知，预计4小时内完成。</p>
                </el-col>
                </el-row>

                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/dingzhi_02.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;3. 拷贝邮件中的地址，即可查看定制后的资讯信息(或者通过第4步查找)。</p>
                </el-col>
                </el-row>

                <el-row align="center" style="text-align:left">
                  <el-col :span="24">
                    <div style="text-align:center;">
                    <img src="~@/assets/dingzhi_03.png" style="width:80%;border:1px solid gray;"><br/>
                    </div>
                  </el-col>
                </el-row>

                <el-row align="left" style="text-align:left">
                <el-col :span="24">
                    <p style="line-height:40px;">&nbsp;&nbsp;4. <a href="http://static.saybydata.com"><span style="font-size:18px;">近期定制信息汇总</span></a>。</p>
                </el-col>
                </el-row>

            </div-->
            </div>
            
        </div>
        <div style="clear:both"></div>
    </div>
    </div>
    
    <ViewFooter/>
</template>

<script>
import { reactive,toRefs,watch } from 'vue'
import { getCurrentInstance } from 'vue'
import ViewFooter from '@/components/ViewFooter.vue'
import "@/assets/global.css"
import "@/assets/fastweb.css"

export default 
{
    name: 'PageCustom',
    components: {
        ViewFooter
    },

    data () {
      return {
      };
    },
    setup(){
      const host = getCurrentInstance()?.appContext.config.globalProperties.host
      //entity_list_url = host + ""
      return {host};
        
    },
    methods: {
        
    },
    mounted() {
        
    },
    watch:{

    },
}

var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c2ba86525ff37a3b2dd6cdadb129fdb5";
var s = document.getElementsByTagName("script")[0]; 
s.parentNode.insertBefore(hm, s);
</script>

<style>

.dingzhi_tile {
    text-align:left;
    padding-left:30px;
    line-height:50px;
    font-size: 24px;
    border-top:1px solid #009100;
    /*border-bottom:1px dashed #009100;*/
}

.search_menu {
  background-color: gold;
  top:40px;
  width:100%;
  height:auto;
  border:1ps solid blue;
  position: absolute;
  text-align: left;
  z-index: 10;
}

.search_menu ul{
  margin-bottom: 0;
  list-style-type: none;
}

.search_menu li {
  padding: 5px;
  font-size: 1.1em;
  cursor: pointer;
}

.search_menu li:hover {
  background-color: beige;
}

.search:hover .search_menu {
  display: block;
}


</style>
